<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font-icon</title>
    <link rel="stylesheet" href="css/font-awesome.css">
    <style>
      .page-header {
        display: none;
      }
      .fontawesome-icon-list a {
        float: left;
        width: 64px;
        height: 64px;
        text-align: center;
        line-height: 64px;
        color:#000;
        font-size: 0;
      }
      .fontawesome-icon-list .fa {
        font-size: 32px;
        line-height: 64px;
      }
    </style>
</head>
<body>
<section id="chart">
  <h2 class="page-header">Chart Icons</h2>

  <div class="row fontawesome-icon-list">



      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/area-chart"><i class="fa fa-area-chart"></i> area-chart</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart"></i> bar-chart</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/bar-chart"><i class="fa fa-bar-chart-o"></i> bar-chart-o <span class="text-muted">(alias)</span></a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/line-chart"><i class="fa fa-line-chart"></i> line-chart</a></div>

      <div class="fa-hover col-md-3 col-sm-4"><a href="../icon/pie-chart"><i class="fa fa-pie-chart"></i> pie-chart</a></div>

  </div>

</section>
</body>
</html>